<template>
	<!-- 钱包卡片 -->
	<!-- <view class="sh-wallet-box x-f mb10"> -->
		
		<view class="content1">
			<view class="nav-box" @tap="jump('/pages/user/wallet/index')">
				<view class="">
					<text class=" " style="color:  #e6b873; font-family: PingFang SC;">{{ userInfo.money || '0' }}<text style="font-size: 20rpx; margin-left: 5rpx;">元</text></text>
				</view>
				<view class="">
					<text class="" style="font-size: 24rpx; font-family: PingFang SC;">账户余额</text>
				</view>
			</view>
			<view class=""  style="border-left: 1rpx solid #EEEEEE; height: 80%; width: 1rpx;">
				
			</view>
			<view class="nav-mone" @tap="jump('/pages/user/wallet/index')">
				<!-- <image class="" src="/static/imgs/user/cut_off_line.png" mode=""></image> -->
				<view class="" style="width: 50rpx; height: 50rpx; margin: 0 auto;">
					<image class="" src="/static/imgs/user/wallet.png" mode="aspectFill"></image>
				</view>
				<text class="" style="font-size: 24rpx; font-family: PingFang SC;">我的钱包</text>
			</view>
		</view>
		<!-- <view class="x-f wallet-left">
			<view class="wallet-item y-f" @tap="jump('/pages/user/wallet/index')">
				<text class="wallet-item__detail item-balance">{{ userInfo.money || '0' }}</text>
				<text class="wallet-item__title">账户余额</text>
			</view>
			<view class="wallet-item y-f" @tap="jump('/pages/user/wallet/score-balance')">
				<text class="wallet-item__detail item-score">{{ userInfo.score || '0' }}</text>
				<text class="wallet-item__title">积分</text>
			</view>
			<view class="wallet-item y-f" @tap="jump('/pages/app/coupon/list')">
				<text class="wallet-item__detail item-coupon">{{ userInfo.coupons_num || '0' }}</text>
				<text class="wallet-item__title">优惠券</text>
			</view>
		</view>
		<view class="wallet-item y-f wallet-right" @tap="jump('/pages/user/wallet/index')">
			<image class="cut-off--line" src="/static/imgs/user/cut_off_line.png" mode=""></image>
			<image class="wallet-img" src="/static/imgs/user/wallet.png" mode="aspectFill"></image>
			<text class="wallet-item__title">我的钱包</text>
		</view>
	</view> -->
</template>

<script>
import { mapMutations, mapActions, mapState } from 'vuex';
export default {
	components: {},
	data() {
		return {
			platform: uni.getStorageSync('platform') //当前平台。
		};
	},
	computed: {
		...mapState({
			userInfo: state => state.user.userInfo
		})
	},
	methods: {
		jump(path, query) {
			this.$Router.push({
				path: path,
				query: query
			});
		}
	}
};
</script>

<style lang="scss">
.content1 {
	width: 100%;
	height: 160rpx;
	display: flex;
	align-items: center;
	background-color: #FFFFFF;
	margin-bottom: 10rpx;
	color: #999999;
	justify-content: space-around;
	
	image {
		width: 100%;
		height: 100%;
		margin: 0 auto;
	}
	
	.nav-box {
		// width: 50%;
		text-align: center;
	}
	
	.nav-mone {
		text-align: center;
	}
}

	
	
	
// 钱包卡片
// .sh-wallet-box {
// 	background: #fff;
// 	height: 180rpx;
// 	position: relative;
// 	.wallet-left {
// 		flex: 4;
// 	}
// 	.wallet-right {
// 		position: relative;
// 		.cut-off--line {
// 			position: absolute;
// 			top: 50%;
// 			transform: translateY(-50%);
// 			right: (750rpx/5) - 15rpx;
// 			width: 30rpx;
// 			height: 136rpx;
// 		}
// 	}
// 	.wallet-item {
// 		flex: 1;
// 		.wallet-img {
// 			width: 46rpx;
// 			height: 46rpx;
// 		}
// 		.wallet-item__detail {
// 			font-size: 28rpx;
// 			font-family: PingFang SC;
// 			font-weight: 500;
// 			color: rgba(168, 112, 13, 1);
// 		}
// 		.wallet-item__title {
// 			font-size: 24rpx;
// 			font-family: PingFang SC;
// 			font-weight: 400;
// 			color: rgba(153, 153, 153, 1);
// 			margin-top: 20rpx;
// 		}
// 		.item-balance::after {
// 			content: '元';
// 			font-size: 16rpx;
// 			margin-left: 4rpx;
// 		}
// 		.item-score::after {
// 			content: '个';
// 			font-size: 14rpx;
// 			margin-left: 4rpx;
// 		}
// 		.item-coupon::after {
// 			content: '张';
// 			font-size: 16rpx;
// 			margin-left: 4rpx;
// 		}
// 	}
// }
</style>
